<template>
  <div class="ui-white-space" :class="size"><slot></slot></div>
</template>

<script>
export default {
  name: 'ui-white-space',
  props: {
    size: {
      type: String,
      default: 'sm', // sm / md / lg / xl
    },
  },
}
</script>

<style lang="less">
.ui-white-space {
  &.sm{
    height: 24px;
  }
  &.md{
    height: 36px;
  }
  &.lg{
    height: 60px;
  }
  &.xl{
    height: 84px;
  }
}
</style>
